//引入全局组件
import SvgIcon from './SvgIcon/index.vue'
import Pagination from './Pagination/index.vue'
import Category from './Category/index.vue'
//引入element-plus提供全部图标组件
import * as ElementPlusIconVue from '@element-plus/icons-vue'
//生成一个全局对象
const allGlobalComponent: any = { SvgIcon, Pagination, Category }
export default {
  //main.ts中app.use后，会自动调用install方法，方法名一定要是install
  install(app: any) {
    //Object.keys方法将所有组件注册为全局组件（多少组件就注册多少次）
    Object.keys(allGlobalComponent).forEach((key) => {
      app.component(key, allGlobalComponent[key])
    })

    //引入element-plus提供全部图标组件，以便在应用程序的所有地方均可以使用
    for (const [key, component] of Object.entries(ElementPlusIconVue)) {
      app.component(key, component)
    }
  },
}
